<template>
  <div>
      <van-nav-bar
        title="市容顽症事件结案"
        left-text=""
        :left-arrow="false"
        :fixed="true"
        @click-left="onClickLeft"
      />
    <div class="title">事件结案成功</div>
    <div class="desc"></div>
    <div class="goindex">
      <van-button
        class="goindex-back"
        round
        type="info"
        color="linear-gradient(90deg, #00C4C6 0%, #01DC8E 100%)"
        block
        @click="goindexhandleBack"
        >查看事件详情</van-button
      >
      <van-button
        class="goindex-back"
        round
        color="linear-gradient(270deg, #FF8F43 0%, #F67665 100%)"
        type="primary"
        block
        @click="goindexhandleGo"
        >返回首页</van-button
      >
    </div>
  </div>
</template>

<script>
export default {
  name: "classificationPeoCase",
  data() {
    return {
      lists:{},
    };
  },
  mounted() {
    if(this.$route.params){
      this.lists = this.$route.params.lists;
    }
  },
  methods: {
    // onClickLeft() {
    //   this.$router.push({ name: "garbageClassification" });
    // },
    goindexhandleBack(){
      this.$router.push({ name: "classificationPeoDetail",params:{lists:this.lists}});
    },
    goindexhandleGo(){
      this.$router.push({ path: "/" });
    }
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.title {
  width: 150px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #3ACD75;
  line-height: 50px;
  margin: 12% auto 0px;
  text-align: center;
}
.desc{
  width:200px;
  height: 250px;
  margin: auto;
  background-image: url('~@/assets/img/workingEvents/submitted-successfully.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.goindex{
  width: 90%;
  margin: 90px auto 0px;
}
.goindex-back{
  margin-top: 20px;
}
</style>
